﻿<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="ShellDefault" MasterPageFile="~/Shared/DefaultMaster.master" %>
<%@ Register Assembly="Devarchive.Net" Namespace="Devarchive.Net" TagPrefix="dn" %>

<asp:Content ID="content" ContentPlaceHolderID="DefaultContent" Runat="Server">
<style>
#bmi_displaybox { position:absolute; top:auto; left:auto; width:auto; height:auto; text-align:left; vertical-align:middle; z-index: 10000; background-color:#FFFFFF; }
#waist_displaybox { position:absolute; top:auto; left:auto; width:auto; height:auto; text-align:left; vertical-align:middle; z-index: 10000; background-color:#FFFFFF; }
#bloodpressure_displaybox { position:absolute; top:auto; left:auto; width:auto; height:auto; text-align:left; vertical-align:middle; z-index: 10000; background-color:#FFFFFF; }
</style>
<script type="text/javascript">
    function clicker(sender) {
        var thediv;
        var header;
        var description;

        if (sender == 'bmi') {
            thediv = document.getElementById('bmi_displaybox');
            header = document.getElementById('bmi_head').value;
            description = document.getElementById('bmi_descr').value;
        }
        if (sender == 'waist') {
            thediv = document.getElementById('waist_displaybox');
            header = document.getElementById('waist_head').value;
            description = document.getElementById('waist_descr').value;
        }
        if (sender == 'bloodpressure') {
            thediv = document.getElementById('bloodpressure_displaybox');
            header = document.getElementById('bloodpressure_head').value;
            description = document.getElementById('bloodpressure_descr').value;
        }
        
        if (thediv.style.display == "none") {
            thediv.style.display = "";
            thediv.innerHTML = "<table frame='box' width='400px' height='150px'><tr><td align='left' valign='top' width='100%' height='100%'><b>" + header + "</b><br>" + description + "<br><br><a href='#' onclick='return clicker(\"" + sender + "\");'>CLOSE</a></td></tr></table>";
        }
        else {
            thediv.style.display = "none";
            thediv.innerHTML = '';
        }
        
        return false;
    }
</script>
<script runat="server">
    void toggle_visibility(object sender, EventArgs e)
    {
        if (sender is ImageButton)
        {
            if (((ImageButton)sender).ID == "BMI_icon") { BMI_help_panel.Visible = !(BMI_help_panel.Visible); }
            if (((ImageButton)sender).ID == "Waist_icon") { Waist_help_panel.Visible = !(Waist_help_panel.Visible); }
            if (((ImageButton)sender).ID == "Bloodpressure_icon") { Bloodpressure_help_panel.Visible = !(Bloodpressure_help_panel.Visible); }
        }
        else if (sender is LinkButton)
        {
            if (((LinkButton)sender).ID == "BMI_help_panel_close") { BMI_help_panel.Visible = !(BMI_help_panel.Visible); }
            if (((LinkButton)sender).ID == "Waist_help_panel_close") { Waist_help_panel.Visible = !(Waist_help_panel.Visible); }
            if (((LinkButton)sender).ID == "Bloodpressure_help_panel_close") { Bloodpressure_help_panel.Visible = !(Bloodpressure_help_panel.Visible); }
        }
    }
</script>
<h1>Default View</h1>

You can delete this page. To add new pages to your solution, right-click
the Web site, point to <b>Web Client Factory</b>, and then click <b>Add Page (with presenter)</b>.<br />
    <a href="Administration.aspx">Admin</a><br />

<br />
<asp:Label ID="bmi_label" runat="server" Text="BMI" />&nbsp;&nbsp;<asp:ImageButton runat="server" width="15px" height="15px" ImageUrl="Info_partsinfo.jpg" OnClick="toggle_visibility" ID="BMI_icon" />
<a href='#' id='bmi_link' onclick='return clicker("bmi");'><img src="Info_partsinfo.jpg" width="15px" height="15px" /></a><div id="bmi_displaybox" style="display: none;"></div>
<asp:Panel runat="server" Wrap="true" ID="BMI_help_panel" Visible="false" BorderStyle="Solid" BorderWidth="1px" BorderColor="Navy">
    <asp:Label runat="server" ID="BMI_help_header" ForeColor="DarkBlue" Font-Bold="true" /><br />
    <asp:Label runat="server" ID="BMI_help_description" ForeColor="DarkBlue" /><br /><br />
    <asp:LinkButton runat="server" OnClick="toggle_visibility" ID="BMI_help_panel_close" Text="Close" />
</asp:Panel>
<br />
<asp:Label ID="waist_label" runat="server" Text="Waist" />&nbsp;&nbsp;<asp:ImageButton runat="server" width="15px" height="15px" ImageUrl="Info_partsinfo.jpg" OnClick="toggle_visibility" ID="Waist_icon" />
<a href='#' id='waist_link' onclick='return clicker("waist");'><img src="Info_partsinfo.jpg" width="15px" height="15px" /></a><div id="waist_displaybox" style="display: none;"></div>
<asp:Panel runat="server" Wrap="true" ID="Waist_help_panel" Visible="false" BorderStyle="Solid" BorderWidth="1px" BorderColor="Navy">
    <asp:Label runat="server" ID="Waist_help_header" ForeColor="DarkBlue" Font-Bold="true" /><br />
    <asp:Label runat="server" ID="Waist_help_description" ForeColor="DarkBlue" /><br /><br />
    <asp:LinkButton runat="server" OnClick="toggle_visibility" ID="Waist_help_panel_close" Text="Close" />
</asp:Panel>
<br />
<asp:Label ID="bloodpressure_label" runat="server" Text="Blood Pressure" />&nbsp;&nbsp;<asp:ImageButton runat="server" width="15px" height="15px" ImageUrl="Info_partsinfo.jpg" OnClick="toggle_visibility" ID="Bloodpressure_icon" />
<a href='#' id='bloodpressure_link' onclick='return clicker("bloodpressure");'><img src="Info_partsinfo.jpg" width="15px" height="15px" /></a><div id="bloodpressure_displaybox" style="display: none;"></div>
<asp:Panel runat="server" Wrap="true" ID="Bloodpressure_help_panel" Visible="false" BorderStyle="Solid" BorderWidth="1px" BorderColor="Navy">
    <asp:Label runat="server" ID="Bloodpressure_help_header" ForeColor="DarkBlue" Font-Bold="true" /><br />
    <asp:Label runat="server" ID="Bloodpressure_help_description" ForeColor="DarkBlue" /><br /><br />
    <asp:LinkButton runat="server" OnClick="toggle_visibility" ID="Bloodpressure_help_panel_close" Text="Close" />
</asp:Panel>
</asp:Content>